opus.Gizmo({
	name: "login",
	dropTarget: true,
	type: "Palm.Mojo.Panel",
	t: 0,
	h: "100%",
	hAlign: "center",
	vAlign: "bottom",
	styles: {
		zIndex: 2
	},
	chrome: [
		{
			name: "header1",
			label: "Login",
			type: "Palm.Mojo.Header",
			l: 0,
			t: 51
		},
		{
			name: "picture2",
			src: "images/hp_logo_wide.png",
			type: "Palm.Picture",
			l: "15%",
			w: "70%",
			t: 0,
			h: "70",
			styles: {
				textAlign: ""
			}
		},
		{
			name: "username",
			dropTarget: true,
			label: "username",
			type: "Palm.Mojo.Group",
			l: 0,
			t: 94,
			styles: {
				bgImage: ""
			},
			controls: [
				{
					name: "row2",
					dropTarget: true,
					isTextField: true,
					type: "Palm.Mojo.Row",
					l: 0,
					t: 0,
					h: "auto",
					controls: [
						{
							name: "usernameBox",
							modelName: "m_username",
							hintText: "username",
							textCase: "cap-lowercase",
							type: "Palm.Mojo.TextField"
						}
					]
				}
			]
		},
		{
			name: "password",
			dropTarget: true,
			label: "password",
			type: "Palm.Mojo.Group",
			l: 0,
			t: 165,
			controls: [
				{
					name: "row4",
					dropTarget: true,
					isTextField: true,
					type: "Palm.Mojo.Row",
					l: 0,
					t: 0,
					h: "auto",
					controls: [
						{
							name: "passwordBox",
							modelName: "m_password",
							hintText: "password",
							type: "Palm.Mojo.PasswordField"
						}
					]
				}
			]
		},
		{
			name: "panel1",
			layoutKind: "hbox",
			dropTarget: true,
			type: "Palm.Mojo.Panel",
			l: "20%",
			w: "60%",
			t: 311,
			h: "auto",
			styles: {
				textAlign: ""
			},
			controls: [
				{
					name: "autoLogin",
					trueValue: true,
					falseValue: false,
					type: "Palm.Mojo.CheckBox",
					l: 0,
					t: 0
				},
				{
					name: "html1",
					content: "login automatically",
					type: "Palm.Mojo.Html",
					l: 40,
					t: 0,
					h: "34",
					styles: {
						oneLine: true,
						fontSize: "16px",
						textColor: "blue"
					}
				}
			]
		},
		{
			name: "button1",
			ontap: "button1Tap",
			disabled: undefined,
			buttonClass: "affirmative",
			label: "login",
			type: "Palm.Mojo.Button",
			l: 0,
			t: 380
		},
		{
			name: "button2",
			ontap: "button2Tap",
			disabled: undefined,
			label: "Register",
			type: "Palm.Mojo.Button",
			l: 0,
			t: "",
			b: 12
		},
		{
			name: "button3",
			showing: false,
			disabled: undefined,
			label: "forget password",
			type: "Palm.Mojo.Button",
			l: 0,
			t: 432
		}
	]
});